function unhideLogin(){
    var x = document.getElementById("login");
    var z = document.getElementById("registerbutton");
    var y = document.getElementById("logreg");
    x.style.visibility="visible";
    z.style.visibility="visible";
    y.style.background="#999999";
    y.style.color="#ffffff";
}
function hideLogin(){
    var x = document.getElementById("login");
    var z = document.getElementById("registerbutton");
    var y = document.getElementById("logreg");
    x.style.visibility="hidden";
    z.style.visibility="hidden";
    y.style.background="#0099ff";
    y.style.color="#ffffff";
}

/*
function largeCanvas(){
    var y = document.getElementById("c1");
    x.style.background="images/canvas2.png";
}
function smallCanvas(){
    var y = document.getElementById("c1");
    x.style.background="images/canvas1.png";
}
*/


function clearText(field)
{
    if (field.defaultValue == field.value)
	{
		field.value = '';
		field.style.color = '#000000';
	}
}
function checkIfEmpty(field)
{
	if (field.value == '')
		bringBack(field);
}
function bringBack(field){
	field.type = 'text';
	field.value = field.defaultValue;
	field.style.color = '#A9A9A9';
}
function clearText(field)
{
    if (field.defaultValue == field.value)
	{
		field.value = '';
		field.style.color = '#000000';
	}
}

function passField(field)
{
    if (field.defaultValue == field.value)
    {
		field.type = 'password';
		field.value = '';
		field.style.color = '#000000';
    }     
}

function checkIfEmpty(field)
{
	if (field.value == '')
		bringBack(field);
}

function bringBack(field)
{
	field.type = 'text';
	field.value = field.defaultValue;
	field.style.color = '#A9A9A9';
}